import React, { Component } from 'react'
import { NavBar, SearchBar } from 'antd-mobile';

import myaxios from "../../utils/myaxios"
import "./Category.scss"
 class Category extends Component {
state={
    categories:[]//返回的菜单数据
}
componentDidMount(){
    myaxios.get("categories").then(res=>{
        console.log(res);
    }).catch((err)=>console.log(err))
}

    render() {
        return (
            <div className="yg-category">
                {/* 导航条 */}
                <div className="yg-category-nav">
                    <NavBar className="category-nav">商品分类</NavBar>
                </div>
                {/* 导航条结束 */}

                {/* 搜索栏开始 */}
                <div className="yg-category-search">
                    <SearchBar placeholder="Search" maxLength={8} />
                </div>
                {/* 搜索栏结束 */}

                {/* 分类菜单开始 */}
                <div className="yg-category-content">
                    <div className="content-left">
                        <h1>123213</h1>
                        <h1>123213</h1>
                         <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                         <h1>123213</h1>
                        <h1>123213</h1> 
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>
                        <h1>123213</h1>

                    </div>
                    <div className="content-right"></div>
                </div>
                {/* 分类菜单结束 */}
            </div>
        )
    }
}
export default  Category 
